<template>
  <div>
    <div class="data-content1">

      <el-table v-loading="loading" :data="tableData.list"  @sort-change="changeTableSort"
                style="width: 100%;font-size: 12px;">

        <el-table-column label="流水号" prop="no" width="100">
        </el-table-column>
        <el-table-column label="来源" prop="note" width="260">
        </el-table-column>
        <el-table-column label="冻结金额" prop="money" width="100">
        </el-table-column>
        <el-table-column label="冻结余额" prop="afterAmount" width="100">
        </el-table-column>
        <el-table-column label="记录时间" prop="date">
        </el-table-column>
      </el-table>

      <div class="page">
        <el-pagination background :current-page="searchObject.no" :page-sizes="[10, 20, 50, 100]"
                       :page-size="tableData.size" :pager-count="5" layout="total, sizes, prev, pager, next, jumper"
                       :page-count="tableData.totalPage" :total="tableData.total" @size-change="sizeChange"
                       @current-change="pageChange">
        </el-pagination>
      </div>
    </div>
  </div>
</template>

<script>
import common from "@/mixins/common.js";

export default {
  name: "view_join",
  mixins:[common],
  data() {
    return {
      searchObject: {
        no: 1,
        size: 10,
        user: '',
        creatorName: '',
        joinState:"success"
      },
      dialogVisible: false,
      defaultProps: {
        children: 'children',
        label: 'name'
      },
      loading: false,
      tableData: {},
    }
  },
  mounted() {
    let id = this.$route.query.id;
    this.searchObject.user = id;
    this.getSearchList();
  },
  methods: {
    async getSearchList() {
      this.loading = true;
      let data = this.searchObject;
      let res = await this.$http.form("/tenantRest/staff/frozenList.htm", data);
      this.loading = false;
      if (res.code === 0) {
        this.tableData = res;
      }
    }
  },
}
</script>

<style scoped>

</style>
